<html>
<head>
  <title>Evernote Export</title>
  <basefont face="微软雅黑" size="2" />
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta name="exporter-version" content="YXBJ Windows/600363 (zh-CN, DDL); Windows/6.1.1 (Win64);"/>
  <style>
    body, td {
      font-family: 微软雅黑;
      font-size: 10pt;
    }
  </style>
</head>
<body>
<a name="601"/>

<div>
<span><div><div style="box-sizing: border-box;"><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">最简单的方式：</span><a href="http://www.bootstrapcdn.com/#fontawesome_tab" style="box-sizing: border-box; line-height: 1.1; color: rgb(33, 179, 132); font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238); background: transparent;">BootstrapCDN</a><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);"> </span><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">（由</span><a href="http://maxcdn.com/" style="box-sizing: border-box; line-height: 1.1; color: rgb(33, 179, 132); font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238); background: transparent;">MaxCDN</a><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">提供）</span></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">一句话将Font Awesome加入您的网页中。您完全不用下载或者安装任何东西！</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>将以下代码粘贴到网页HTML代码的 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">&lt;head&gt;</span> 部分.</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;link</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;//<a href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css</a>&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">rel=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;stylesheet&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div></div></div><div style="box-sizing: border-box; margin: 0px 0px 20px; padding: 15px; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"><span style="box-sizing: border-box; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"> </span><span style="box-sizing: border-box; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);">当新版本发布时，BootstrapCDN需要一点时间来同步到最新版本。稍安勿躁 :)</span></div></li><li style="box-sizing: border-box;"><div>参考<a href="http://fontawesome.dashgame.com/#basic" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">示例</a>，然后开始使用Font Awesome吧!</div></li></ol></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">简单方式之一：使用默认CSS</span></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">如果您使用了默认的Bootstrap CSS样式，那么你可以使用这种方式来引入默认的Font Awesome CSS样式。</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>复制整个 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">font-awesome</span> 文件夹到您的项目中。</div></li><li style="box-sizing: border-box;"><div>在HTML的 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">&lt;head&gt;</span> 中引用font-awesome.min.css。</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;link</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">rel=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;stylesheet&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;path/to/font-awesome/css/font-awesome.min.css&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div></div></div></li><li style="box-sizing: border-box;"><div>参考<a href="http://fontawesome.dashgame.com/#basic" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">示例</a>，然后开始使用Font Awesome吧!</div></li></ol><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">简单方式之二：</span><a href="https://github.com/FortAwesome/font-awesome-less" style="box-sizing: border-box; line-height: 1.1; color: rgb(33, 179, 132); font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238); background: transparent;">LESS Ruby Gem</a></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><a href="https://github.com/FortAwesome/font-awesome-less" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">官方 Font Awesome LESS Ruby Gem</a><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">可以简单方便的将 Font Awesome LESS 集成到Rails项目中。由</span><span style="box-sizing: border-box;"> </span><a href="https://twitter.com/supercodepoet/" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">@supercodepoet</a><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">维护。</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>将下面这行代码加入到应用的Gemfile中：</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">gem</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(204, 51, 0); border-radius: 0px; white-space: pre-wrap;">'font-awesome-less'</span></div></div></div></li><li style="box-sizing: border-box;"><div>然后执行：</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(0, 51, 51); border-radius: 0px; white-space: pre-wrap;">$</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">bundle</span></div></div></div></li><li style="box-sizing: border-box;"><div>或者自行安装：</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(0, 51, 51); border-radius: 0px; white-space: pre-wrap;">$</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">gem install font-awesome-less</span></div></div></div></li></ol><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">简单方式之三：</span><a href="https://github.com/FortAwesome/font-awesome-sass" style="box-sizing: border-box; line-height: 1.1; color: rgb(33, 179, 132); font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238); background: transparent;">SASS Ruby Gem</a></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><a href="https://github.com/FortAwesome/font-awesome-sass" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">官方 Font Awesome SASS Ruby Gem</a><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">可以简单方便的将 Font Awesome SASS 集成到Rails项目中。由</span><span style="box-sizing: border-box;"> </span><a href="https://twitter.com/supercodepoet/" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">@supercodepoet</a><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">维护。</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>将下面这行代码加入到应用的Gemfile中：</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">gem</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(204, 51, 0); border-radius: 0px; white-space: pre-wrap;">'font-awesome-sass'</span></div></div></div></li><li style="box-sizing: border-box;"><div>然后执行：</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(0, 51, 51); border-radius: 0px; white-space: pre-wrap;">$</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">bundle</span></div></div></div></li><li style="box-sizing: border-box;"><div>或者自行安装：</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(0, 51, 51); border-radius: 0px; white-space: pre-wrap;">$</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">gem install font-awesome-sass</span></div></div></div></li></ol><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">进阶方式：自定义 LESS 或 SASS</span></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用LESS或SASS的方法来自定义 Font Awesome 4.7.0 。</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>复制 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">font-awesome/</span> 目录到您的项目中。</div></li><li style="box-sizing: border-box;"><div>打开 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">font-awesome/less/variables.less</span> 文件或 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">font-awesome/scss/_variables.scss</span>文件 ，然后修改 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">@fa-font-path</span> 或 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">$fa-font-path</span> 为您的字体目录。</div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(0, 102, 153); border-radius: 0px; white-space: pre-wrap;">@fa-font-path</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(153, 153, 255); border-radius: 0px; white-space: pre-wrap;">:</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(204, 51, 0); border-radius: 0px; white-space: pre-wrap;">&quot;../font&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(85, 85, 85); border-radius: 0px; white-space: pre-wrap;">;</span></div></div></div><div style="box-sizing: border-box; margin: 0px 0px 20px; padding: 15px; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"><span style="box-sizing: border-box; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"> </span><span style="box-sizing: border-box; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);">字体路径是相对于编译的CSS目录。</span></div></li><li style="box-sizing: border-box;"><div>如果使用了静态编译器，那么重新编译LESS或SASS文件。如果没有，那么现在应该一切OK了。</div></li><li style="box-sizing: border-box;"><div>参考<a href="http://fontawesome.dashgame.com/#basic" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">示例</a>，然后开始使用Font Awesome吧!</div></li></ol><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">需要支持IE7？</span></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">如果需要支持IE7，那真的十分抱歉。Font Awesome从4.1.0版本开始不再支持IE7， 但更早的版本仍然支持。您可以查看</span><span style="box-sizing: border-box;"> </span><a href="http://fontawesome.io/3.2.1/get-started/#need-ie7" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">3.2.1 的IE7支持说明</a><span style="box-sizing: border-box;">。 然后呢，您可以去找那个非要支持IE7的人算账 :)</span></div></div><div style="box-sizing: border-box; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; width: 1170px; color: rgb(51, 51, 51); font-family: &quot;microsoft yahei&quot;, Helvetica, simhei, simsun, sans-serif; font-size: 10px; font-variant-ligatures: normal; font-variant-caps: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">基本图标</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">fa-camera-retro</span></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">您可以将Font Awesome图标使用在几乎任何地方，只需要使用CSS前缀</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">，再加上图标名称。 Font Awesome是为使用内联元素而设计的。我们通常更喜欢使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">&lt;i&gt;</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">，因为它更简洁。 但实际上使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">&lt;span&gt;</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">才能更加语义化。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-camera-retro&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-camera-retro</span></div></div></div><div style="box-sizing: border-box; padding: 15px; margin-bottom: 20px; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"><ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; margin-left: 2.14286em; list-style-type: none;"><li style="box-sizing: border-box; position: relative;"><div>如果您修改了图标容器的字体大小，图标大小会随之改变。同样的变化也会发生在颜色、阴影等其它任何CSS支持的效果上。</div></li></ul></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">大图标</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">fa-lg</span></div><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">fa-2x</span></div><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">fa-3x</span></div><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">fa-4x</span></div><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">fa-5x</span></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-lg</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">(33%递增)、</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-2x</span><span style="box-sizing: border-box;">、</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-3x</span><span style="box-sizing: border-box;">、</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-4x</span><span style="box-sizing: border-box;">，或者</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-5x</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">类 来放大图标。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-camera-retro fa-lg&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-lg</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-camera-retro fa-2x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-2x</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-camera-retro fa-3x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-3x</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-camera-retro fa-4x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-4x</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-camera-retro fa-5x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-5x</span></div></div></div><div style="box-sizing: border-box; padding: 15px; margin-bottom: 20px; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"><ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; margin-left: 2.14286em; list-style-type: none;"><li style="box-sizing: border-box; position: relative;"><div>如果图标的底部和顶部被截断了，您需要增加行高来解决此问题。</div></li></ul></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">固定宽度</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin-bottom: 20px; padding-left: 0px;"><div style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; padding: 10px 15px; margin-bottom: -1px; border: 1px solid rgb(221, 221, 221); border-top-right-radius: 4px; border-top-left-radius: 4px;"><span style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; border: 1px solid rgb(221, 221, 221); border-top-right-radius: 4px; border-top-left-radius: 4px;">  Home</span></div><div style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; padding: 10px 15px; margin-bottom: -1px; border: 1px solid rgb(221, 221, 221);"><span style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; border: 1px solid rgb(221, 221, 221);">  Library</span></div><div style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; padding: 10px 15px; margin-bottom: -1px; border: 1px solid rgb(221, 221, 221);"><span style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; border: 1px solid rgb(221, 221, 221);">  Applications</span></div><div style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; padding: 10px 15px; margin-bottom: 0px; border: 1px solid rgb(221, 221, 221); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;"><span style="box-sizing: border-box; background: rgb(255, 255, 255); color: rgb(85, 85, 85); position: relative; border: 1px solid rgb(221, 221, 221); border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;">  Settings</span></div></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-fw</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">可以将图标设置为一个固定宽度。主要用于不同宽度图标无法对齐的情况。 尤其在列表或导航时起到重要作用。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;div</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;list-group&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;list-group-item&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-home fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(153, 153, 153); border-radius: 0px; white-space: pre-wrap;">&amp;nbsp;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Home</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;list-group-item&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-book fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(153, 153, 153); border-radius: 0px; white-space: pre-wrap;">&amp;nbsp;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Library</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;list-group-item&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-pencil fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(153, 153, 153); border-radius: 0px; white-space: pre-wrap;">&amp;nbsp;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Applications</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;list-group-item&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-cog fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(153, 153, 153); border-radius: 0px; white-space: pre-wrap;">&amp;nbsp;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Settings</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/div&gt;</span></div></div></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">用于列表</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px; padding-left: 0px; margin-left: 2.14286em; list-style-type: none;"><li style="box-sizing: border-box; position: relative;"><div>List icons</div></li><li style="box-sizing: border-box; position: relative;"><div>can be used</div></li><li style="box-sizing: border-box; position: relative;"><div>as bullets</div></li><li style="box-sizing: border-box; position: relative;"><div>in lists</div></li></ul></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-ul</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">和</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-li</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">便可以简单的将无序列表的默认符号替换掉。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;ul</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-ul&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-li fa fa-check-square&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">List icons</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-li fa fa-check-square&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">can be used</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-li fa fa-spinner fa-spin&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">as bullets</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-li fa fa-square&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">in lists</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/ul&gt;</span></div></div></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">边框与对齐</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">…tomorrow we will run faster, stretch out our arms farther… And then one fine morning— So we beat on, boats against the current, borne back ceaselessly into the past.</span></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-border</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">以及</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">pull-right</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">或</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">pull-left</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">可以轻易构造出引用的特殊效果。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-quote-left fa-3x pull-left fa-border&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">...tomorrow we will run faster, stretch out our arms farther...</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">And then one fine morning— So we beat on, boats against the</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">current, borne back ceaselessly into the past.</span></div></div></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">动画</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;"> </span></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-spin</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">类来使任意图标旋转，现在您还可以使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-pulse</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">来使其进行8方位旋转。尤其适合</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-spinner</span><span style="box-sizing: border-box;">、</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-refresh</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">和</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-cog</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-spinner fa-spin&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-circle-o-notch fa-spin&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-refresh fa-spin&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-cog fa-spin&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-spinner fa-pulse&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div></div></div><div style="box-sizing: border-box; margin: 0px 0px 20px; padding: 15px; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"><span style="box-sizing: border-box; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);"> </span><span style="box-sizing: border-box; border: 1px solid rgb(224, 241, 233); border-radius: 4px; background-color: rgb(241, 249, 247); color: rgb(29, 157, 116);">CSS3动画不支持IE8-IE9。</span></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">旋转与翻转</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><p style="box-sizing: border-box; margin: 0px 0px 10px; font-size: 18px;"></p><div>  normal</div><div>  fa-rotate-90</div><div>  fa-rotate-180</div><div>  fa-rotate-270</div><div>  fa-flip-horizontal</div><div style="margin-top: 1em; margin-bottom: 1em;"><span style="-en-paragraph:true;">  fa-flip-vertical</span></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-rotate-*</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">和</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-flip-*</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">类可以对图标进行任意旋转和翻转。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-shield&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">normal</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-shield fa-rotate-90&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-rotate-90</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-shield fa-rotate-180&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-rotate-180</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-shield fa-rotate-270&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-rotate-270</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-shield fa-flip-horizontal&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-flip-horizontal</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-shield fa-flip-vertical&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">icon-flip-vertical</span></div></div></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">组合使用</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin-bottom: 10px !important;"><div> fa-twitter on fa-square-o</div><div> fa-flag on fa-circle</div><div> fa-terminal on fa-square</div><div> fa-ban on fa-camera</div></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">如果想要将多个图标组合起来，使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-stack</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">类作为父容器，</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-stack-1x</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">作为正常比例的图标，</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-stack-2x</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">作为大一些的图标。还可以使用</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">fa-inverse</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">类来切换图标颜色。您可以在父容器中 通过添加</span><span style="box-sizing: border-box;"> </span><a href="http://fontawesome.dashgame.com/#larger" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">大图标</a><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">类来控制整体大小。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;span</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-stack fa-lg&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-square-o fa-stack-2x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-twitter fa-stack-1x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/span&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-twitter on fa-square-o</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;span</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-stack fa-lg&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-circle fa-stack-2x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-flag fa-stack-1x fa-inverse&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/span&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-flag on fa-circle</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;span</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-stack fa-lg&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-square fa-stack-2x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-terminal fa-stack-1x fa-inverse&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/span&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-terminal on fa-square</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;span</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa-stack fa-lg&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-camera fa-stack-1x&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-ban fa-stack-2x text-danger&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/span&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">fa-ban on fa-camera</span></div></div></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">Bootstrap 3 示例</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box; background: none rgb(217, 83, 79); color: rgb(255, 255, 255); display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid rgb(212, 63, 58); white-space: nowrap; font-size: 14px; line-height: 1.42857; border-radius: 4px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;"> </span><span style="box-sizing: border-box; background: none rgb(217, 83, 79); color: rgb(255, 255, 255); display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid rgb(212, 63, 58); white-space: nowrap; font-size: 14px; line-height: 1.42857; border-radius: 4px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;">Delete</span><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box; background: none rgb(255, 255, 255); color: rgb(51, 51, 51); display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid rgb(204, 204, 204); white-space: nowrap; font-size: 12px; line-height: 1.5; border-radius: 3px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgb(255, 255, 255) 0px 1px 0px;"> </span><span style="box-sizing: border-box; background: none rgb(255, 255, 255); color: rgb(51, 51, 51); display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid rgb(204, 204, 204); white-space: nowrap; font-size: 12px; line-height: 1.5; border-radius: 3px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgb(255, 255, 255) 0px 1px 0px;">Settings</span></div><p style="box-sizing: border-box; margin: 0px 0px 10px;"></p><div><span style="box-sizing: border-box; background: none rgb(97, 186, 158); color: rgb(255, 255, 255); display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid rgb(79, 179, 147); white-space: nowrap; font-size: 18px; line-height: 1.33; border-radius: 6px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;">Font Awesome</span></div><div style="margin-top: 1em; margin-bottom: 1em;"><span style="box-sizing: border-box; background: none rgb(97, 186, 158); color: rgb(255, 255, 255); display: inline-block; vertical-align: middle; cursor: pointer; border: 1px solid rgb(79, 179, 147); white-space: nowrap; font-size: 18px; line-height: 1.33; border-radius: 6px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;-en-paragraph:true;">Version 4.7.0</span></div><div style="box-sizing: border-box; margin-bottom: 10px !important;"><span style="box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; background: none rgb(66, 139, 202); color: rgb(255, 255, 255); cursor: pointer; border: 1px solid rgb(53, 126, 189); white-space: nowrap; font-size: 14px; line-height: 1.42857; border-radius: 4px 0px 0px 4px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;"> </span><span style="box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; background: none rgb(66, 139, 202); color: rgb(255, 255, 255); cursor: pointer; border: 1px solid rgb(53, 126, 189); white-space: nowrap; font-size: 14px; line-height: 1.42857; border-radius: 4px 0px 0px 4px; user-select: none; box-shadow: rgba(255, 255, 255, 0.2) 0px 1px 0px inset; text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 0px;">User</span></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">Font Awesome 完全兼容 Bootstrap 的所有组件。</span></div><div style="box-sizing: border-box;"><div style="box-sizing: border-box; overflow: auto; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 13px; padding: 8px 15px; margin: 0px 0px 10px; line-height: 1.42857; word-break: break-all; word-wrap: break-word; color: rgb(51, 51, 51); background-color: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); border-radius: 4px;"><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-danger&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-trash-o fa-lg&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Delete</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-default btn-sm&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-cog&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Settings</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><br style="box-sizing: border-box;"/></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-lg btn-success&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-flag fa-2x pull-left&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Font Awesome</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;br&gt;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Version 4.7.0</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><br style="box-sizing: border-box;"/></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;div</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn-group&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-default&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-align-left&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-default&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-align-center&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-default&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-align-right&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-default&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-align-justify&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/div&gt;</span></div><div><br style="box-sizing: border-box;"/></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;div</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;input-group margin-bottom-sm&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;span</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;input-group-addon&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-envelope-o fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;&lt;/span&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;input</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;form-control&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">type=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;text&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">placeholder=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;Email address&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/div&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;div</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;input-group&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;span</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;input-group-addon&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-key fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;&lt;/span&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;input</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;form-control&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">type=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;password&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">placeholder=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;Password&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/div&gt;</span></div><div><br style="box-sizing: border-box;"/></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;div</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn-group open&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-primary&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-user fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">User</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;btn btn-primary dropdown-toggle&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">data-toggle=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;dropdown&quot;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;span</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-caret-down&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/span&gt;&lt;/a&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;ul</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;dropdown-menu&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-pencil fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Edit</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-trash-o fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Delete</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;fa fa-ban fa-fw&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Ban</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;divider&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;li&gt;&lt;a</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">href=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;#&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;i</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(79, 159, 207); border-radius: 0px; white-space: pre-wrap;">class=</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(212, 73, 80); border-radius: 0px; white-space: pre-wrap;">&quot;i&quot;</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&gt;&lt;/i&gt;</span> <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; border-radius: 0px; white-space: pre-wrap;">Make admin</span><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/a&gt;&lt;/li&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/ul&gt;</span></div><div><span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; color: rgb(47, 111, 159); border-radius: 0px; white-space: pre-wrap;">&lt;/div&gt;</span></div></div></div></div></div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">自定义CSS</span></h2><div style="box-sizing: border-box; margin-left: -15px; margin-right: -15px;"><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 292.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">您可以任意自定义修改 Font Awesome 的CSS样式表来实现您想要的效果。</span></div></div><div style="box-sizing: border-box; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; float: left; width: 877.5px;"><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">星级评定（受</span><span style="box-sizing: border-box;"> </span><a href="http://css-tricks.com/star-ratings/" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">CSS Tricks</a><span style="box-sizing: border-box;"> </span><span style="box-sizing: border-box;">所启发）</span></div></div></div></div><div><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">获取帮助</span></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">使用Font Awesome的过程中遇到困难了？亦或碰到一个您认为没有正确显示的问题？很抱歉我没有时间来一一回复大家的邮件。 不过以下方式可能对您的情况有所帮助：</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>您可以阅读最新版本的怎样<a href="http://fontawesome.dashgame.com/#getstart" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">起步</a>. 它将用最简单的方式告诉您怎样使用Font Awesome。</div></li><li style="box-sizing: border-box;"><div>查阅Stack Overflow上 <a href="http://stackoverflow.com/questions/tagged/font-awesome" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">Font Awesome的相关问题</a>。其他人或许也有与您相同的问题。</div></li><li style="box-sizing: border-box;"><div>在Stack Overflow上也找不到问题的答案？ 那么可以<a href="http://stackoverflow.com/questions/ask?tags=font-awesome" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">提出一个新问题</a>，然后 <a href="mailto:dave@fontawesome.io" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">给我发送邮件</a> ，我或许有时间会看一看。</div></li></ol><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">报告Bug</span></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">找到Font Awesome的Bug了？那么请直接在GitHub项目中报告就是了。不过请注意以下几点：</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>请表现得友好一些。Font Awesome是一个有爱的地方:)</div></li><li style="box-sizing: border-box;"><div>请先 <a href="https://github.com/FortAwesome/Font-Awesome/search?type=Issues" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">搜索</a> 一下，也许这个Bug已经有人提交过了。</div></li><li style="box-sizing: border-box;"><div>在提交任何问题之前，请先阅读由 <a href="https://github.com/necolas/" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">Nicolas Gallagher</a> 编写的 <a href="https://github.com/necolas/issue-guidelines" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">issue guidelines</a></div></li><li style="box-sizing: border-box;"><div>如果以上几点都OK了，那么请 <a href="https://github.com/FortAwesome/Font-Awesome/issues/new" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">提交您的问题</a>。</div></li></ol><h2 style="box-sizing: border-box; line-height: 1.1; margin: 40px 0px 20px; font-size: 30px; padding-bottom: 9px; border-bottom: 1px solid rgb(238, 238, 238);"><span style="box-sizing: border-box; line-height: 1.1; font-size: 30px; border-bottom: 1px solid rgb(238, 238, 238);">需要新图标</span></h2><div style="box-sizing: border-box; margin: 0px 0px 10px;"><span style="box-sizing: border-box;">新图标几乎都是在</span><span style="box-sizing: border-box;"> </span><a href="https://github.com/FortAwesome/Font-Awesome/issues" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">Font Awesome GitHub项目</a><span style="box-sizing: border-box;">中提出需求的。 如果您也需要，那么这里有一些注意事项需要看看：</span></div><ol style="box-sizing: border-box; margin-top: 0px; margin-bottom: 10px;"><li style="box-sizing: border-box;"><div>请表现得友好一些。Font Awesome是一个有爱的地方;)</div></li><li style="box-sizing: border-box;"><div>请先 <a href="https://github.com/FortAwesome/Font-Awesome/search?type=Issues" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">搜索</a> 一下，也许您想增加的图标已经有人提交过了。</div></li><li style="box-sizing: border-box;"><div>请在提出需求时注意以下几点，万分感激：</div></li><ul style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px;"><li style="box-sizing: border-box;"><div>为 <a href="https://github.com/FortAwesome/Font-Awesome/issues/new?title=Icon%20Request:%20icon-name" style="box-sizing: border-box; background: transparent; color: rgb(33, 179, 132);">新需求</a> 添加标题 <span style="box-sizing: border-box; font-family: Menlo, Monaco, Consolas, &quot;Courier New&quot;, monospace; font-size: 12px; color: rgb(199, 37, 78); background-color: rgb(249, 242, 244); border-radius: 4px;">Icon request: 图标名称</span>.</div></li><li style="box-sizing: border-box;"><div>举例说明一下您需要在哪些地方用到这个图标，怎么用？</div></li><li style="box-sizing: border-box;"><div>提交一两张单色图片，并确保这张图片能表达您所想要的内容。</div></li></ul><li style="box-sizing: border-box;"><div>具象化的对象将会诞生出优质的图标，而抽象的概念当然只能用抽象的内容来表现。 举个栗子，一个来表现幸福感的图标远不如一个笑脸图标好制作，也不够直接。</div></li></ol></div><div><br/></div></span>
</div></body></html> 